<template>
	<view class="m-login">
		<van-overlay :show="show">
		  <view class="wrapper">
		    <view class="block" catch:tap="noop">
				<view class="b-title-one">
					您还未实名!
				</view>
				<view class="b-title-two">
					您尚未实名认证，暂无权限查看此页面
				</view>
				<view class="b-btn" @tap="handleLogin()">
					去实名
				</view>
			</view>
		  </view>
		</van-overlay>
	</view>
</template>


<script>
	export default{
		name:"m-certify",
		data(){
			return{
				show:true
			}
		},
		methods:{
			onClickShow() {
			   this.show=true
			   console.log(this.show)
			 },
			onClickHide(){
				this.show=false
			},
			handleLogin(){
				uni.navigateTo({
					url: "/pages/user/certification"
				})
			}
		}
	}
</script>

<style lang="less" scoped>
	.m-login{
		.wrapper {
		  display: flex;
		  align-items: center;
		  justify-content: center;
		  height: 100%;
		}

		.block {
		  width: 500rpx;
		  height: 600rpx;
		  border-radius: 50rpx;
		  background-color: #fff;
		  .b-title-one{
			  margin-top: 100rpx;
			  font-size: 30rpx;
			  color: #333333;
			  text-align: center;
			  line-height: 100rpx;
		  }
		  .b-title-two{
			  font-size: 24rpx;
			  color: gray;
			  text-align: center;
			  line-height: 100rpx;
		  }
		  .b-btn{
			  width: 160rpx;
			  height: 60rpx;
			  background:linear-gradient(to top,rgba(236,69,55,1),rgba(251,171,102,1));
			  color: #ffffff;
			  line-height: 60rpx;
			  border-radius: 30rpx;
			  text-align: center;
			  font-size: 26rpx;
			  margin: 100rpx auto 0;
		  }
		}
	}
</style>
